<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{pboot:sitetitle}</title>
<meta name="keywords" content="{pboot:sitekeywords}">
<meta name="description" content="{pboot:sitedescription}">
<meta name="author" content="www.adminbuy.cn k482" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
<link href="{pboot:sitedomain}/skin/css/css_whir.css" rel="stylesheet" type="text/css">
<script src="{pboot:sitedomain}/skin/js/html5media.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
</script>
<!--[if IE 6]>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/iepng.js"></script>
<script type="text/javascript"> 
EvPNG.fix('img,dl,div,a,li'); </script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/html5shiv.v3.72.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/respond.min.js"></script>
<![endif]-->
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section,main,aside".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
<script src="{pboot:sitedomain}/skin/js/jquery.superslide.2.1.1.js"></script>
<link href="{pboot:sitedomain}/skin/css/swiper.min.css" rel="stylesheet" type="text/css">
<script src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/swiper.animate.min.js"></script>
</head>
<body>
<!--top-->
{include file=head.html}
<!--top End--> 
<div id="homeban">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      {pboot:slide gid=1 num=10}
      <div class="swiper-slide"><a href="[slide:link]"><img src="[slide:slide]" width="100%"></a></div>
      {/pboot:slide}
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
  </div>
  
  <!-- Initialize Swiper --> 
  <script type="text/javascript">
var mySwiper = new Swiper('#homeban .swiper-container',{
  loop: true,
  autoplay : {
    delay:3000
  },
pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
on:{
  init: function(){
    swiperAnimateCache(this); //隐藏动画元素
    swiperAnimate(this); //初始化完成开始动画
  },
  slideChangeTransitionEnd: function(){
    swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
  }
}
});
</script> 
</div>
<!--/banner end-->

<div class="sjhomenav clearfix">
  <ul>
  	<li><a href='{pboot:sitedomain}/'>网站首页</a></li>
    {pboot:nav num=7}
    <li><a href='[nav:link]'>[nav:name]</a></li>
    {/pboot:nav}
  </ul>
</div>
{pboot:sort scode=1}
<section class="Contain HomeAbout">
  <div class="Video wow fadeIn"> <a href="javascript:void();" onclick="playPause()" class="play"><span class="playbtn"></span><img src="{label:pic}"></a>
    <video id="video1" controls>
      <source src="{label:video}" type="video/mp4" />
      Your browser does not support HTML5 video. </video>
    <div class="bg"></div>
  </div>
  <!--/视频end-->
  <div class="Info wow fadeIn" data-wow-delay="0.3s">
    <div class="tithead">
      <h2>[sort:name]<span>[sort:subname]</span></h2>
    </div>
    <div class="txt">
      {pboot:content id=18}
      <p class="MsoNormal">[content:content drophtml=1 dropblank=1 len=150 more='...']</p>
      {/pboot:content}
    </div>
    <div class="nav clearfix">
      <ul>
        {pboot:nav parent={sort:tcode} parent=1 num=4}
        <li class="l[nav:i]"><a href='[nav:link]'><i></i>[nav:name]</a></li>
        {/pboot:nav}
      </ul>
    </div>
    <a href='[sort:link]' class="more">了解更多</a> </div>
  <div class="clear"></div>
</section>
{/pboot:sort}
<script type="text/javascript">
var myVideo=document.getElementById("video1");
function playPause()
{
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
$(".play").click(function(){
$(".play").hide();
});
</script> 
<!--/公司介绍 end-->

<section class="HomeBusiness">
  <div class="HomeTit">
    <h2> 业务板块 <i></i></h2>
  </div>
  <div class="Contain clearfix">
    <div class="s1 wow animated fadeInUp">
      <ul>
        <li class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s1.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s1_1.png" class="i2"></div>
          <p>消防设施工程</p>
          </a> </li>
        <li class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s2.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s2_2.png" class="i2"></div>
          <p>机电工程施工</p>
          </a> </li>
        <li class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s3.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s3_3.png" class="i2"></div>
          <p>建筑机电安装工程</p>
          </a> </li>
        <li class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s4.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s4_4.png" class="i2"></div>
          <p>输变电工程</p>
          </a> </li>
        <li class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s5.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s5_5.png" class="i2"></div>
          <p>亮化工程</p>
          </a> </li>
        <li class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s6.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s6_6.png" class="i2"></div>
          <p>市政公用工程</p>
          </a> </li>
       
      </ul>
    </div>
    <div class="s2 swiper-container wow animated fadeInUp">
      <div class="swiper-wrapper">
        <div class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s1.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s1_1.png" class="i2"></div>
          <p>消防设施工程</p>
          </a> </div>
        <div class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s2.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s2_2.png" class="i2"></div>
          <p>机电工程施工</p>
          </a> </div>
        <div class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s3.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s3_3.png" class="i2"></div>
          <p>建筑机电安装工程</p>
          </a> </div>
        <div class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s4.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s4_4.png" class="i2"></div>
          <p>输变电工程</p>
          </a> </div>
        <div class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s5.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s5_5.png" class="i2"></div>
          <p>亮化工程</p>
          </a> </div>
        <div class="swiper-slide"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/s6.png" class="i1"><img src="{pboot:sitedomain}/skin/images/s6_6.png" class="i2"></div>
          <p>市政公用工程</p>
          </a> </div>
        
      </div>
    </div>
  </div>
</section>
<script>
var swiper = new Swiper('.HomeBusiness .s2', {
  slidesPerView: 3,	
  slidesPerColumn: 2,
  spaceBetween: 0,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  }, 
});
</script> 
<!--/业务板块 end-->
{pboot:sort scode=16}
<section class="Contain">
  <div class="HomeTit">
    <h2> [sort:name] <i></i></h2>
  </div>
  <div class="AllPro wow fadeIn">
    <div class="probox sp1 clearfix">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          {pboot:list scode=[sort:scode] num=9 order=sorting}
          <div class="swiper-slide">
            <div class="box"> <a href='[list:link]'>
              <div class="img Scale-img"><span style="background-image:url([list:ico]);"></span></div>
              <div class="info">
                <div class="tit">[list:title]</div>
                <p class="p">[list:description lencn=40]</p>
                <span class="more">了解更多</span> </div>
              <div class="tits">[list:title]</div>
              <div class="bg"></div>
              </a> </div>
          </div>
          {/pboot:list}
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>
    </div>
    
    <!--/循环 end--> 
  </div>
</section>
{/pboot:sort}
<script>
var swiper = new Swiper('.sp1 .swiper-container,.sp2 .swiper-container,.sp3 .swiper-container,.sp4 .swiper-container,.sp5 .swiper-container,.sp6 .swiper-container,.sp7 .swiper-container,.sp8 .swiper-container,.sp9 .swiper-container,.sp10 .swiper-container',{
   navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
   slidesPerView: 'auto'
});
</script> 
<!--/工程案例 end-->

<section class="HomeProcess">
  <div class="Contain">
    <div class="HomeTit">
      <h2> 流程板块 <i></i></h2>
    </div>
    <ul>
      <li class="li1 wow fadeIn" data-wow-delay="0.1s">
        <div class="box"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/lc1.png" class="i1"><img src="{pboot:sitedomain}/skin/images/lc1_1.png" class="i2"></div>
          <div class="tit">售前：工程设计顾问</div>
          <p class="p">拥有遍布全国的商务合作伙伴和较为完善的经营渠道，缔造了良好的品牌和商誉。</p>
          <div class="more">了解更多</div>
          </a> </div>
      </li>
      <li class="li2 wow fadeIn" data-wow-delay="0.2s">
        <div class="box"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/lc2.png" class="i1"><img src="{pboot:sitedomain}/skin/images/lc2_2.png" class="i2"></div>
          <div class="tit">售中：工程施工服务提供</div>
          <p class="p">根据客户需求，选择更高效处理工艺，多元化的定制需求，为上千家企业提供过专业定制服务！</p>
          <div class="more">了解更多</div>
          </a> </div>
      </li>
      <li class="li3 wow fadeIn" data-wow-delay="0.3s">
        <div class="box"> <a href="javascript:;">
          <div class="ico"><img src="{pboot:sitedomain}/skin/images/lc3.png" class="i1"><img src="{pboot:sitedomain}/skin/images/lc3_3.png" class="i2"></div>
          <div class="tit">售后：工程维护保养服务</div>
          <p class="p">客户至上、细心服务、快速保障、恪守承诺，质量问题，提供7天无条件更换服务。</p>
          <div class="more">了解更多</div>
          </a> </div>
      </li>
    </ul>
  </div>
  <div class="clear"></div>
</section>
<!--/流程板块 end-->

{pboot:sort scode=17}
<div class="Contain HomeNews wow fadeIn">
  <div class="HomeTit">
    <h2> [sort:name] <i></i></h2>
  </div>
  <div class="Newsnav clearfix wow fadeIn">
    <ul>
      {pboot:nav parent={sort:tcode} parent=17 num=5}
      <li><a href="javascript:void(0);"> [nav:name] </a></li>
      {/pboot:nav}
    </ul>
  </div>
  {pboot:nav parent=17 num=5}
  <div class="slide">
    <ul>
      {pboot:list scode=[nav:scode] num=1 order=sorting}
      <li class="first Scale-img"> <a href='[list:link]'>
        <div class="img"><span style="background-image:url([list:ico]);"></span></div>
        </a>
        <div class="tit"><a href='[list:link]'>[list:title]</a></div>
        <p class="p">[list:description lencn=50]</p>
      </li>
       {/pboot:list}
       {pboot:list scode=[nav:scode] num=3 order=sorting}
      <li class="li">
        <div class="date"><i>[list:date style=m-d]</i>[list:date style=Y]</div>
        <div class="tit"><a href='[list:link]'>[list:title]</a></div>
        <p class="p">[list:description lencn=70]</p>
      </li>
      {/pboot:list}
    </ul>
  </div>
  {/pboot:nav}
</div>
{/pboot:sort}
<!--/企业新闻 end--> 
{include file=foot.html}
</body>
</html>